/*
 * @file overview:mad coffee
 * @author Duxiaoman
 * @version v1
 * @build 2016.07.25
 */ 
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;}   
ol,ul{margin:0; padding:0;}
ul{list-style:none;}
a{text-decoration: none;}
html{font-size: 30px;}
body{background: #EEE;}

header{position: fixed;width: 100%;background: rgba(255,255,255,0.6);z-index: 88;}
header .head_box{width: 80%;height: 1.8rem;margin: 0 auto;}
header .head_box .logo{width: 6rem;margin-top: 0.5rem;float: left;}
header .head_box nav{float: right;position: relative;}
header .head_box nav ul{float: left;}
header .head_box nav ul li{float: left;}
header .head_box nav ul li a{float: left;padding: 0.6rem 1rem 0 0;font-size: 0.48rem;color: #000;}
header .head_box nav ul li a:nth-of-type(2){display: inline-block;height:1.2rem;}

header .head_box nav .dcode_nav{position: absolute;top: 115%;left:9%;width: 30%;display: none;}
header .head_box nav a:nth-of-type(7){padding-right: 0;}
header .head_box .title-nav{display: none;width: 1.4rem;height: 1rem;position:absolute;right:5%;top:0.38rem;}
header .head_box .none-line{width: 100%;height: 1px;background: #000;position: absolute;top: 2rem;display: none;}
header .head_box .none_nav{width: 100%;padding-top: 1rem;padding:1.5rem 0.5rem;display: none;}
header .head_box .none_nav a{width: 100%;display: inline-block;font-size: 0.48rem;padding: 0.8rem 1rem 0 0;color: #000;}
header .head_box .none_nav .dcode_none_nav{width:4rem;display: none;position: absolute;}

header .head_box nav .none-join{position: absolute;right: 1rem;bottom:-1.6rem;background: url(../img/多边形.png) no-repeat;width: 4.7rem; height: 1.5rem;display: none;}
header .head_box nav .none-join a{float: left;color: #000;padding: 0;margin-top: 0.55rem;margin-left: 0.3rem;}

.jionbody{width: 100%;}
.jion-content{width:70%;background:white;display: inline-block;position:relative;top: 80%;margin-top: -10%;margin-bottom:3rem;}
.jion-content .changeLittle{width:75%;border-bottom: 1px lightgray solid;padding:1.17rem;margin-bottom:4%;display: inline-block;}
.jion-content .changeLittle .joinus-p{font:0.83rem Simhei;margin-bottom:0.5rem;font-weight: bold;line-height: 1rem;}
.jion-content .changeLittle .joinus-p:nth-of-type(1){text-align: left;margin-left:0.5rem;padding-top: 0.5rem;}
.jion-content .changeLittle:nth-of-type(2){text-align: left;}
.jion-content .changeLittle:nth-of-type(3){text-align: left;}
.jion-content .changeLittle .logistics{width:110px;height: 28px;display: inline-block;margin-bottom:0.3rem;font-size: 0.5rem;color:white;border-radius:3px;background: #7cc1cc;line-height: 28px;text-align: center;}
.jion-content .changeLittle .place{display: inline-block;font-size: 0.55rem;padding-left: 0.5rem;padding-bottom: 1rem;line-height: 0.8rem;}
.jion-content .changeLittle ul{display: inline-block;padding-right:22%;}
.jion-content .changeLittle ul li{font-size: 0.6rem;color:#7cc1cc;padding-top: 1rem;}
.jion-content .changeLittle .recruit{color:#7cc1cc;font-size: 0.63rem;padding-top: 1rem;text-align: left;padding-bottom: 0.5rem;}
.jion-content .join-footer{font-size: 0.4rem;color:darkgrey;padding-bottom: 0.2rem;}
.jion-content .join-footer:nth-of-type(1){padding-top: 1.2rem;}
.jion-content .join-footer:nth-of-type(2){padding-bottom: 0.65rem;}
.jion-content .join-footer:nth-of-type(3){padding-bottom: 1.1rem;}

footer{width: 100%;background: #303030;}
footer img{width: 2.67rem;padding: 1rem;}

.footer-message{font-size: 0.45rem;margin-top: 0.2rem;}

@media only screen and (min-width: 570px) and (max-width: 770px) {
	.jion-content{width:90%;}
}
@media only screen and (min-width:100px) and (max-width: 570px) {
	.jion-content{width:100%;}
}

@media only screen and (min-width: 100px) and (max-width: 830px) {
	header .head_box nav{display: none;}
	header .head_box{width: 100%;}
	header .head_box .title-nav{display: block;}
	header .head_box .logo{float: left;padding-left: 0.2rem;}
}